<template>
    <div>
        <ul class="icons">
            <li v-for="item in iconsList" :key="item.id">
                <img :src="item.imgUrl" alt="">
                <span>{{item.title}}</span>
            </li>
        </ul>
    </div>
</template>

<script>
    export default {
        props:{
            iconsList:Array
        }

    }
</script>

<style lang="css" scoped>
.icons {
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.icons li {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: .2286rem;
}
.icons span {
    padding: .1714rem;
    font-size: .4rem;
}
.icons img {
    width: 1.0857rem;
}
</style>